<template>
	<view>
		<view class="">
			<view class="m-h1" style="text-align: center;">
				商品列表
			</view>
			<view class="" @tap="toBack()">
				<image class="nav-margin-back-img" src="../../static/back.png" mode="widthFix"></image>
			</view>
			
			<view class="p-bg-1" style="margin-top: 100rpx;margin-bottom: 20rpx;"></view>
			
			
			<view class="" v-for="item in pList" >
				<view class="m-margin-bottom">
					<view class="content">
						<view class="">
							<view class="p-font-2" style="margin-bottom: 20rpx;">
								{{item.title}} 
							</view>
							<view class="p-font-1" style="margin-bottom: 6rpx;">
								{{item.size}} 
							</view>
							<view class="p-font-1" style="margin-bottom: 6rpx;">
								{{item.sku}} 
							</view>
							<view class="" style="display: flex;justify-content: space-between; margin-bottom: 20rpx;">
								<view class="">
									<text class="p-font-3">{{item.price}}</text>
									<text class="p-font-4">/m³</text>
								</view>
								<view class="">
									<text class="p-font-5">{{item.pSize}}</text>
									<text class="p-font-4">/m³</text>
								</view>
							</view>
						</view>
					</view>
					<view class="p-bg-2" style="margin-bottom: 20rpx;"></view>
				</view>
				
			</view>
			
		
		</view>
	</view>
</template>
 


<script>
	export default {
		data() {
			return {
				pList:[
					{
						'title':'外墙保温砌块',
						'size':'规格(LxBxH)：600x200x250 ',
						'sku':'等级:B05A3.5   平面',
						'price':'¥89.0',
						'pSize':'40'
					},
					{
						'title':'外墙保温砌块',
						'size':'规格(LxBxH)：600x200x250 ',
						'sku':'等级:B05A3.5   平面',
						'price':'¥89.0',
						'pSize':'40'
					},
					{
						'title':'外墙保温砌块',
						'size':'规格(LxBxH)：600x200x250 ',
						'sku':'等级:B05A3.5   平面',
						'price':'¥89.0',
						'pSize':'40'
					},
					{
						'title':'外墙保温砌块',
						'size':'规格(LxBxH)：600x200x250 ',
						'sku':'等级:B05A3.5   平面',
						'price':'¥89.0',
						'pSize':'40'
					},
					{
						'title':'外墙保温砌块',
						'size':'规格(LxBxH)：600x200x250 ',
						'sku':'等级:B05A3.5   平面',
						'price':'¥89.0',
						'pSize':'40'
					},
				]
			}
		},
		methods: {
			toBack:function(){
				console.log(1)
				uni.navigateBack({
					delta: 1 //返回上一级页面
				})
			},
		}
	}
</script>

<style lang="less" scoped>
@import url("../../style.less");
@import url("product-list.less");

</style>
